// 导出属于员工的路由规则
import Layout from '@/layout'
// 每个子模块，外层其实都是layout，组件位于layout的二级路由里面
export default {
  path: '/employees',
  name: 'employees',
  component: Layout,
  // 配置二级路由
  children: [
    {
      path: '', // 这里当二级路由的path什么都不写的时候 表示该路由为当前二级路由的默认路由
      component: () => import('@/views/employees'),
      // meta 路由元信息，其实就是存储数据的对象，我们可以再这里面放置一些信息
      meta: {
        title: '员工管理', // 这里使用的title原因是左侧导航会读取我们的路由里面meta里面的title作为显示菜单名称
        icon: 'employees'
      }
    },
    // 员工详情页面，二级路由
    {
      path: 'detail/:id', // params传参，设置占位符
      component: () => import('@/views/employees/detail'),
      hidden: true,
      meta: {
        title: '员工详情'
      }
    },
    // 打印员工信息页面，二级路由
    {
      path: 'print/:id',
      component: () => import('@/views/employees/print'),
      hidden: true,
      meta: {
        title: '员工打印' // 标记当前路由规则的中文名称 后续在做左侧菜单时 使用
      }
    }
  ]
}

// 当你访问的是 /employees 的时候，layout组件会自动显示，此时，你的二级路由的默认组件也会显示
